<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
        
    </style>
</head>
<body>
    
</body>
<script>
    
    // document.write("*");
    // document.write("*");
    // document.write("*");
    // document.write("<br>");
    
    // document.write("*");
    // document.write("*");
    // document.write("*");
    // document.write("<br>");

    // document.write("*");
    // document.write("*");
    // document.write("*");
    // document.write("<br>");

    // =======

    // for(var i=0;i<3;i++){
    //     document.write("*");
    // }
    // document.write("<br>");
    
    // for(var i=0;i<3;i++){
    //     document.write("*");
    // }
    // document.write("<br>");

    // for(var i=0;i<3;i++){
    //     document.write("*");
    // }
    // document.write("<br>");

    // ======
    
    // for(var j=0;j<5;j++){
    //     for(var i=0;i<8;i++){
    //         document.write("*");
    //     }
    //     document.write("<br>");
    // }

    // 外层循环控制行
    // 内层循环控制列

    // 循环的嵌套结构，用来解决多行多列的打印问题

    // =========

    // *        1
    // **       2
    // ***      3
    // ****     4

    // for(var i=0;i<4;i++){
    //     for(var j=0;j<=i;j++){
    //         document.write("*");
    //     }
    //     document.write("<br>");
    // }

    // =========

    // ****     4-0
    // ***      4-1
    // **       4-2
    // *        4-3

    for(var i=0;i<4;i++){
        for(var j=4;j>i;j--){
            document.write("*");
        }
        document.write("<br>");
    }





    
</script>
</html>